<template>
	<section id="home">
		<!-- 搜索框 -->
		<div class="home_search">
			<van-search placeholder="请输入搜索关键词" show-action @click="jumpSearch" class="home_searchBox">
				<div slot="action" @click="jumpSearch">搜索</div>
			</van-search>
			<!-- 小导航 -->
			<homeNav></homeNav>
		</div>
		
		<!-- 详情内容 -->
		<homeDeailes></homeDeailes>
		
	</section>
</template>

<script>
	// 首页-小导航
	import homeNav from '@/containers/home/homeNav.vue'
	// 详情
	import homeDeailes from '@/containers/home/homeDeailes.vue'
	
	export default {
		data() {
			return {
			};
		},
		components: {
			homeNav,
			homeDeailes
		},
		methods: {
			jumpSearch() {
				this.$router.push({path:'/search'})
			},
		},
		mounted() {
// 			this.$dialog.alert({
// 				message: '感谢您对请静止系列网站的支持，目前端口8080,443(https)为请静止开发阶段内容，此内容有待完善，后续将正式在www.qingjingzhi.com开放，预计功能超级搜索·栏位展示·代理功能等！'
// 			}).then(()=>{
// 				window.location.href = 'http://www.qingjingzhi.com'
// 			});
		},
		computed: {

		}
	};
</script>
<style scoped lang="scss">
	@import "@/asserts/styles/home/home.scss";
</style>
